@media screen and (max-width: 960px) {
  .featured-projects {
    padding-bottom: calc(var(--top) * 2); }
  .featured-projects .card-project {
    grid-column: 1 / -1 !important; }
  .index_grid {
    row-gap: 80px !important; }
  .index_grid .index_grid-filter,
  .index_grid .index_grid-list {
    grid-column: 1/-1; }
    .index_grid .index_grid-filter .index_grid-item,
    .index_grid .index_grid-list .index_grid-item {
      grid-template-columns: repeat(6, 1fr); }
    .index_grid .index_grid-filter .type,
    .index_grid .index_grid-list .type {
      display: none; }
    .index_grid .index_grid-filter .three,
    .index_grid .index_grid-list .three {
      grid-column: span 3; }
  .homepage-hero {
    height: calc(100dvh - var(--Hh)); }
  .about_page {
    padding-bottom: calc(var(--top) * 2);
    row-gap: var(--top) !important; }
  .about_page-media {
    grid-column: 1/-1;
    grid-row: 2; }
  .about_page-text {
    grid-column: 1/-1;
    grid-row: 1; }
  .index_grid .index_grid-list .index_grid-item .thumbholder {
    display: none; }
  .project-main .main-video .video-controls .progress {
    width: 100px; }
  .project-main .main-video * {
    width: fit-content;
    white-space: nowrap; }
  .project-main .main-video .main-video-text {
    text-align: center;
    align-items: center; }
  .project-main .pag-btn .card-project {
    display: none; }
  .credits-popup .credits-credits-item {
    display: flex;
    align-items: center;
    column-gap: 5px;
    justify-content: space-between;
    width: 100%; }
    .credits-popup .credits-credits-item .fm, .credits-popup .credits-credits-item .fs {
      font-size: 12px;
      flex: 1; }
  .project-main .main-video {
    height: 100dvh; }
  .project-main .main-video .aspectholder {
    width: 100vw;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .project-main .main-video .aspectholder video, .project-main .main-video .aspectholder img {
    height: auto; } }